<template>
  <h1 :style="{ fontSize: this.size + 'px' }">{{ text }}</h1>
</template>

<script>
export default {
  name: 'Title',
  props: {
    text: {
      type: String
    },
    size: {
      type: Number,
      default: 36
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../styles/color';

h1 {
  text-align: left;
  margin: 40px 40px 40px 0;
  color: @title-color;
}
</style>
